module.exports = {
    // 开发服务器设置
    devServer: {
        open: true,
        // 设置 npm run serve 启动后的端口号
        port: 3000,
        // 如果你开始了eslint,不要让eslint在页面中遮罩，它错误会在console.log控制台打印
        overlay: false,
        // vue项目代理请求
        proxy: {
            // 规则
            // axios中相对地址开头的字符串  匹配请求uri中的前几位
            // 为什么会存在多套代理规则？？
            // 因为在项目中我们很难保证项目中需要使用的接口全部来自于一个服务商，可能会有多个服务商的接口。比如说短信接口调用阿里云的，人脸识别接口调用腾讯云的....，由于每家服务商域名地址不一样，因此需要有多套规则来支持。
            "/client": {
                // 把相对地址中的域名 映射到 目标地址中
                // localhost:3000 => https://api.iynn.cn/film/api/v1/
                target: "https://tr.trweilai.com",
                // 修改host请求的域名为目标域名
                // changeOrigin: false,
                changeOrigin: true,
                // 请求uri和目标uri有一个对应关系
                // 请求/api/login ==> 目标 /v1/api/login
                pathRewrite: {
                    "^/": "/",
                },
            },
        },
    },
};